<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>tzx-blog</title>
    <!-- 引入自定义css -->
    <link rel="stylesheet" href="css/index.css"/>
    <!-- 引入bootstrap4,jquery需要在bootstrap4之前引入,popper.min.js 用于弹窗、提示、下拉菜单 -->
    <link rel="stylesheet" href="bootstrap/bootstrap.min.css"/>
    <script type="text/javascript" src="bootstrap/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="bootstrap/bootstrap.min.js"></script>
    <script type="text/javascript" src="bootstrap/popper.min.js"></script>
    <!-- 用以支持markdown语法 -->
    <script type="text/javascript" src="/markdownjs/showdown.min.js"></script>
</head>  
<body style="margin:0">
    <!-- 顶部导航栏 -->
	<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
        <ul class="navbar-nav">
            <li class="nav-item active">
                <a class="nav-link" href="/tzxblog">首页</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/tzxblog/categories">分类</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/tzxblog/history">归档</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/tzxblog/about">关于</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/tzxblog/file">资料</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/tzxblog/bbs">论坛</a>
            </li>
            <li class="nav-item" th:if="${islogin}">
                <a class="nav-link" href="/tzxblog/loginpage">登录</a>
            </li>
            <li class="nav-item" th:if="${islogin}">
                <a class="nav-link" href="/tzxblog/registpage">注册</a>
            </li>
            <li class="nav-item" th:if="${!islogin}">
                <a class="nav-link" href="/tzxblog/updateuser" th:text="'【 '+${logUser.userName}+' 】'">用户</a>
            </li>
            <li class="nav-item" th:if="${!islogin}">
                <a class="nav-link" href="/tzxblog/logout">【注销】</a>
            </li>
        </ul>
    </nav>
    <div class="container-fluid">
	<div class="row ">
		<div class="col-md-12 column">  
			<div class="row clearfix">
			    <!-- 侧边栏 -->
				<div class="col-sm-2 col-md-2 bg-light column">
				    <div class="header">
                       <img src="images/z1.jpg" style="border-radius:75px;width:150px;height:150px" alt="some_text"></img>
                    </div>
                    <p><center><H1>myBlog</H1></center></p>
                    <p><center><H4>认真生活，快乐工作，保持理想</H4></center></p>
                    <p th:text="${curAdd}"></p>
                    <hr/>
                    &nbsp;&nbsp;&nbsp;&nbsp;<h6>访问量：<font th:text="${readCounts}"></font></h6>
                    &nbsp;&nbsp;&nbsp;&nbsp;<h6>博客数：<font th:text="${blogCounts}"></font></h6>
                    &nbsp;&nbsp;&nbsp;&nbsp;<h6>原创数：<font th:text="${myCounts}"></font></h6>
                    &nbsp;&nbsp;&nbsp;&nbsp;<h6>评论数：<font th:text="${commentCounts}"></font></h6>
                    <hr/>
				</div>
				<!-- 主区域 -->
				
				<div class="col-sm-10 col-md-10 column">
				    <!--
				    <div class="title">
                        <H3 th:text="${blogInfo.blogTitle}">this is my first blog</H3>
                        <table >
							<tr >类型：</tr>
							<a ><tr th:text="${blogInfo.blogType}" ></tr></a>&nbsp;&nbsp;&nbsp;&nbsp;
							<tr >时间：</tr>
							<tr th:text="${blogInfo.blogDate}"></tr>&nbsp;&nbsp;&nbsp;&nbsp;
							<tr >阅读：</tr>
							<tr th:text="${blogInfo.blogReadCount}"></tr>&nbsp;&nbsp;&nbsp;&nbsp;
							<tr >评论：</tr>
							<a href="#"><tr th:text="${blogInfo.blogCommentCount}"></tr></a>&nbsp;&nbsp;&nbsp;&nbsp;
							<tr >作者：</tr>
							<a href="#"><tr th:text="${userInfo.userName}"></tr></a>
						</table>
                    </div>
					-->
                    <hr/>
                    <!--主要内容-->
                    <div class="content1" id="curcontent" style="word-wrap:break-word;word-break:normal;width:85%">
                    </div>
					
                    <br/>
                    <div class="comments">
                        <p>发表评论：</p>
                        <textarea style="width:85%"></textarea><br/>
                        <ul style="list-style:none;">
                            <li style="line-height:2.5"><a href="#">这个一个评论测试</a></li>
                            <li style="line-height:2.5"><a href="#">这个一个评论测试发大水发沙发上发生的发顺丰</a></li>
                            <li style="line-height:2.5"><a href="#">大沙发啥地方撒旦法师打发斯蒂芬</a></li>
                            <li style="line-height:2.5"><a href="#">阿斯顿飞洒发大水发的说法</a></li>
                        </ul>
                    </div>
				    <p>
						<a rel="nofollow" class="btn" href="#">查看更多 »</a>
					</p>
			    </div>
			    <p th:text="${blogPage.content}"></p>
			</div>
		</div>
	 </div>
   </div>
</body>
</html>